;(function(){
    $(".header-right").on("touchstart",function(){
        $(".right-menu").fadeToggle()
    })
    var startx=0;
    var s=0;
    var width1=0;
    var width=0;
    var width2=0;
    $(".second-floor ul").on("touchstart",function(e){
        s = e.targetTouches[0].clientX - startx;
        width1=this.children.length*($(this).find("li").width()+parseInt($(this).find("li").css("margin-left")))
        width=$(this).width();
        // console.log(width1,parseInt($(this).find("li").css("margin-left")))
        $(".second-floor").on("touchmove",function(e){
            width2=-width1+width;
            startx = e.targetTouches[0].clientX - s;
            if(startx>0){
                $(this).find("ul").css({"transform":"translateX(0px)"})
            }
            else if(startx<=0&&startx>=width2){
                $(this).find("ul").css({"transform":"translateX("+startx+"px)"})
                
            }
            else{
                $(this).find("ul").css({"transform":"translateX("+width2+"px)"})
            }  
        })
    })
}())